<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>胖糖游戏</title>
    <meta name="description" content="胖糖游戏">
    <meta name="keywords" content="胖糖游戏">
    <link href="https://cdn.bootcdn.net/ajax/libs/animate.css/4.1.1/animate.min.css" rel="stylesheet">
    <script src="https://cdn.bootcdn.net/ajax/libs/wow/1.1.2/wow.min.js"></script>
</head>

<body>
    <div class="web">
        <header>
            <div class="logo wow animate__wobble animate__infinite">
                <img src="../img/logo.png" alt="">
            </div>
            <div class="url">
                <a href="./index.html">
                    <div class="title">首页
                        <p>home</p>
                    </div>
                </a>
                <a href="./list.html">
                    <div class="title">游戏
                        <p>game</p>
                    </div>
                </a>
                <a href="./case.html">
                    <div class="title">案例
                        <p>Case</p>
                    </div>
                </a>
                <a href="./user.html">
                    <div class="title">关于我们
                        <p>About us</p>
                    </div>
                </a>
                <a href="./list2.html">
                    <div class="weixin">
                        <img src="../img/sy-wx.png" alt="">
                    </div>
                </a>
            </div>
        </header>
        <main>
            <div class="banner">
                <p class="hand_text1">试玩游戏</p>
                <p class="hand_text2">试玩游戏</p>
                <div class="content">

                    <div class="left wow animate__rollIn">

                        <div class="imgBox"><img src='../img/1.png' title="小图标两个个" alt="小图标一个" /></div>
                        <div class="imgBox"><img src='../img/2.png' title="小图标两个个" alt="小图标一个" /></div>
                        <div class="imgBox"><img src='../img/3.png' title="小图标两个个" alt="小图标一个" /></div>
                        <div class="imgBox"><img src='../img/4.png' title="小图标两个个" alt="小图标一个" /></div>

                    </div>
                    <div class="centre wow animate__zoomInDown">
                        <img src="../img/i1.png" alt="">


                    </div>
                    <div class="right  ">
                        <p class="t1">我们能给</p>
                        <p class="t2">客户带来的利益</p>
                        <div class="d1">每一个细节的处理</div>
                        <div class="d1">都体现出我们对时尚的不懈追求</div>
                        <a href="#" class="btn">
                           了解更多
                        </a>

                        <div class="box wow animate__rotateInUpRight">
                            <div class="imgBox"><img src='../img/1.png' title="小图标两个个" alt="小图标一个" /></div>
                            <div class="imgBox"><img src='../img/2.png' title="小图标两个个" alt="小图标一个" /></div>
                            <div class="imgBox"><img src='../img/3.png' title="小图标两个个" alt="小图标一个" /></div>
                            <div class="imgBox"><img src='../img/4.png' title="小图标两个个" alt="小图标一个" /></div>

                        </div>
                    </div>
                </div>
            </div>

        </main>

        <section>
            <div class="mogu wow animate__bounceInLeft">
                <img src="../img/i4.png" alt="">
            </div>
            <div class="bgGame wow animate__bounceInRight">
                <img src="../img/i5.png" alt="">
            </div>
            <div class="zjt wow animate__bounceInUp">
                <img src="../img/i6.png" alt="">
            </div>
            <div class="xhr wow animate__bounceInRight">
                <img src="../img/i7.png" alt="">
            </div>
            <div class="photo wow animate__fadeInLeft">
                <img src="../img/i8.png" alt="">
            </div>
            <div class="litte wow wow animate__bounceInDown">
                <img src="../img/i9.png" alt="">
            </div>
            <div class="box">
                <div class="item wow animate__fadeInLeft">
                    <div class="imgBox b1">
                        <img src="../img/Brand.png" alt="">
                    </div>
                    <b>STEP ONE</b>
                    <span>选择一个游戏，换图</span>
                </div>

                <div class="right">
                    <img src="../img/6.png" alt="">
                </div>

                <div class="item big wow animate__fadeInDown">
                    <div class="imgBox b2">
                        <img src="../img/icon2.png" alt="">
                    </div>
                    <b>THE SECOND STEP</b>
                    <span>选择一个游戏，换图</span>
                </div>
                <div class="right">
                    <img src="../img/6.png" alt="">
                </div>
                <div class="item  wow animate__fadeInRight">
                    <div class="imgBox b3">
                        <img src="../img/icon3.png" alt="">
                    </div>
                    <b>THE THIRD STEP</b>
                    <span>选择一个游戏，换图</span>
                </div>
            </div>

        </section>
        <div class="ganme">
            <div class="title">
                <div class="left">
                    <p>狂转游戏</p>
                    <span><b>Turn</b> mad game</span>
                </div>
                <div class="right">
                    <p>潮流趣味游戏，引发全民G点，疯狂转发。</p>
                    <p> 还不马上购买，植入你要传播的产品？</p>
                </div>
            </div>
            <div class="box">

                <div class="item big wow animate__fadeInLeft">
                    <div class="top">
                        <div class="left">
                            <p class="name"> 剑圣传奇</p>
                            <p class="time">2014-07-09</p>
                            <p class="time">使用次数:20</p>
                            <p class="line"></p>
                        </div>
                        <div class="right">
                            <a class="btn">购买</a>
                            <a href='javascript:;' class="size iconfont icon-xingxing1"></a>
                        </div>
                    </div>
                    <div class="imgBox">
                        <img src="../img/l3.png" alt="">
                    </div>
                </div>

                <div class="item big wow animate__fadeInDown">
                    <div class="top">
                        <div class="left">
                            <p class="name"> 剑圣传奇</p>
                            <p class="time">2014-07-09</p>
                            <p class="time">使用次数:20</p>
                            <p class="line"></p>
                        </div>
                        <div class="right">
                            <a class="btn">购买</a>
                            <a href='javascript:;' class="size iconfont icon-xingxing1"></a>
                        </div>
                    </div>
                    <div class="imgBox">
                        <img src="../img/l3.png" alt="">
                    </div>
                </div>
                <div class="item big wow animate__fadeInRight">
                    <div class="top">
                        <div class="left">
                            <p class="name"> 剑圣传奇</p>
                            <p class="time">2014-07-09</p>
                            <p class="time">使用次数:20</p>
                            <p class="line"></p>
                        </div>
                        <div class="right">
                            <a class="btn">购买</a>
                            <a href='javascript:;' class="size iconfont icon-xingxing1"></a>
                        </div>
                    </div>
                    <div class="imgBox">
                        <img src="../img/l3.png" alt="">
                    </div>
                </div>



            </div>
        </div>
        <div class="ganme">
            <div class="title">
                <div class="left">
                    <p>抽奖游戏</p>
                    <span><b>Lottery</b> game</span>
                </div>
                <div class="right">
                    <p>形式各样抽奖游戏，引发全民尖叫，惊喜不断。</p>
                    <p> 还不马上购买，植入你要传播的产品？</p>
                </div>
            </div>
            <div class="box">

                <div class="item wow animate__fadeInBottomLeft">
                    <div class="top">
                        <div class="left">
                            <p class="name"> 剑圣传奇</p>
                            <p class="time">2014-07-09</p>
                            <p class="time">使用次数:20</p>
                            <p class="line"></p>
                        </div>
                        <div class="right">
                            <a class="btn">购买</a>
                            <a href='javascript:;' class="size iconfont icon-xingxing1"></a>
                        </div>
                    </div>
                    <div class="imgBox">
                        <img src="../img/l3.png" alt="">
                    </div>
                </div>

                <div class="item wow animate__fadeInUp">
                    <div class="top">
                        <div class="left">
                            <p class="name"> 剑圣传奇</p>
                            <p class="time">2014-07-09</p>
                            <p class="time">使用次数:20</p>
                            <p class="line"></p>
                        </div>
                        <div class="right">
                            <a class="btn">购买</a>
                            <a href='javascript:;' class="size iconfont icon-xingxing1"></a>
                        </div>
                    </div>
                    <div class="imgBox">
                        <img src="../img/l3.png" alt="">
                    </div>
                </div>

                <div class="item  wow animate__fadeInBottomRight">
                    <div class="top">
                        <div class="left">
                            <p class="name"> 剑圣传奇</p>
                            <p class="time">2014-07-09</p>
                            <p class="time">使用次数:20</p>
                            <p class="line"></p>
                        </div>
                        <div class="right">
                            <a class="btn">购买</a>
                            <a href='javascript:;' class="size iconfont icon-xingxing1"></a>
                        </div>
                    </div>
                    <div class="imgBox">
                        <img src="../img/l3.png" alt="">
                    </div>
                </div>



            </div>
        </div>

        <div class="lottery">
            <div class="title">
                <div class="left">
                    <p>经典案例分享</p>
                    <span><b>Lottery</b> game</span>
                </div>
                <div class="right">
                    <p>形式各样抽奖游戏，引发全民尖叫，惊喜不断。</p>
                    <p> 还不马上购买，植入你要传播的产品？</p>
                </div>
            </div>
            <div class="box">

                <div class="item wow animate__flipInY">
                    <div class="left">
                        <img src="../img/8.png" alt="">
                    </div>
                    <div class="center">
                        <b>南方航空</b>
                        <div class="text">
                            <p>飞行挑战赛</p>
                            <p>2014年5月14日--5月27日</p>
                            <p>扫码关注微信参加飞行挑战赛并抽奖 即有机会赢取丰厚奖品
                            </p>
                        </div>

                    </div>
                    <div class="right">
                        <img src="../img/9.png" alt="">
                        <a class="mark">
                            <i class="size iconfont icon-jiahao1"></i>
                        </a>
                    </div>
                </div>

                <div class="item  wow animate__flipInX">
                    <div class="left">
                        <img src="../img/8.png" alt="">
                    </div>
                    <div class="center">
                        <b>南方航空</b>
                        <div class="text">
                            <p>飞行挑战赛</p>
                            <p>2014年5月14日--5月27日</p>
                            <p>扫码关注微信参加飞行挑战赛并抽奖 即有机会赢取丰厚奖品
                            </p>
                        </div>

                    </div>
                    <div class="right ">
                        <img src="../img/9.png" alt="">
                        <a class="mark">
                            <i class="size iconfont icon-jiahao1"></i>
                        </a>
                    </div>
                </div>

                <div class="item wow  wow animate__flipInX">
                    <div class="left">
                        <img src="../img/8.png" alt="">
                    </div>
                    <div class="center">
                        <b>南方航空</b>
                        <div class="text">
                            <p>飞行挑战赛</p>
                            <p>2014年5月14日--5月27日</p>
                            <p>扫码关注微信参加飞行挑战赛并抽奖 即有机会赢取丰厚奖品
                            </p>
                        </div>

                    </div>
                    <div class="right">
                        <img src="../img/9.png" alt="">
                        <a class="mark">
                            <i class="size iconfont icon-jiahao1"></i>
                        </a>
                    </div>
                </div>

                <div class="item  wow animate__flipInY">
                    <div class="left">
                        <img src="../img/8.png" alt="">

                    </div>
                    <div class="center">
                        <b>南方航空</b>
                        <div class="text">
                            <p>飞行挑战赛</p>
                            <p>2014年5月14日--5月27日</p>
                            <p>扫码关注微信参加飞行挑战赛并抽奖 即有机会赢取丰厚奖品
                            </p>
                        </div>

                    </div>
                    <div class="right">
                        <img src="../img/9.png" alt="">
                        <a class="mark">
                            <i class="size iconfont icon-jiahao1"></i>
                        </a>
                    </div>
                </div>


            </div>
        </div>
        <footer>
            <div class="left"><img src="../img/f1.png" alt=""></div>
            <div class="text">COPYRIGHT © 2014 PANGTANG. ALL RIGHTS RESERVED. 版权所有</div>
            <div class="right"><img src="../img/f2.png" alt=""></div>
        </footer>
    </div>
</body>

</html>